<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="css/readerAppointInfo.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery.js" type="text/javascript"></script>
<title>AppointInfo</title>
</head>
<body style="background-color=transparent">
<div id="container">
<div id="iframe1">
    <div id="title">
        <div id="left"> 
        <img src="img/main/ifleft.gif" style="float:left" />
        <span class="t1"><b>&nbsp;&nbsp;用户当前预约列表</b></span>      </div>
        <!--left-->
      <!--right-->
    </div>
    <!--title-->
    <div id="table">
    <table class="table1" border="1"cellspacing="0" cellpadding="0">
    <tr class="tr1">
        <td height="19" class="tr1">条码号</td>
        <td class="tr1"><span class="t3">题名</span></td>
        <td class="tr1"><span class="t3">责任者</span></td>
        <td class="tr1"><span class="t3">预约日期</span></td>
        <td class="tr1"><span class="t3">截止日期</span></td>
        <td class="tr1"><span class="t3">预约状态</span></td>
        <td class="tr1"><span class="t3">备注</span></td>
        <td class="tr1"><span class="t3">取消预约</span></td>
    </tr>
    <tr class="tr2">
        <td height="20" class="td1">A00011</td>
        <td class="td4"><span class="t4">艺术</span></td>
        <td class="td2"><span class="t4">侯飞</span></td>
        <td class="td3"><span class="t4">2013.01.01</span></td>
        <td class="td3"><span class="t4">20130.4.01</span></td>
        <td class="td3"><span class="t4">申请中</span></td>
        <td class="td5"><span class="t3">无</span></td>
        <td class="td5">
          <form id="form1" name="form1" method="post" action="">
            <label>
              <input name="AppointCancel1" type="submit" id="AppointCancel1" value="取消预约" />
              </label>
          </form>          </td>
    </tr>
        <tr class="tr2">
          <td  height="20" class="td1">10101010</td>
          <td class="td4"><span class="t4">画册</span></td>
        <td class="td2"><span class="t4">侯飞</span></td>
        <td class="td3"><span class="t4">2013.01.01</span></td>
        <td class="td3"><span class="t4">2013.01.01</span></td>
        <td class="td3"><span class="t4">申请中</span></td>
        <td class="td5"><span class="t3">无</span></td>
        <td class="td5">
          <form id="form1" name="form1" method="post" action="">
            <label>
            <input name="AppointCancel2" type="submit" id="AppointCancel2" value="取消预约" />
            </label>
          </form>          </td>
    </tr>
        <tr class="tr2">
        <td height="20" class="td1">10101010</td>
        <td class="td4"><span class="t4">心理咨询</span></td>
        <td class="td2"><span class="t4">侯飞</span></td>
        <td class="td3"><span class="t4">2013.01.01</span></td>
        <td class="td3"><span class="t4">2013.01.01</span></td>
        <td class="td3"><span class="t4">申请中</span></td>
        <td class="td5"><span class="t3">无</span></td>
        <td class="td5">
          <form id="form1" name="form1" method="post" action="">
            <label>
              <input name="AppointCancel3" type="submit" id="AppointCancel3" value="取消预约" />
              </label>
          </form>          </td>
    </tr>
    </table>
    </div><!--table-->
    <!--wz-->
</div>
</div>
</body>
</html>
<script language="javascript" type="text/javascript"> 
$(document).ready(function () { 
//全选或全不选 
$("#checkall").click(function () {//当点击全选框时 
var flag = $("#checkall").attr("checked");//判断全选按钮的状态 
$("[id$='cb']").each(function () {//查找每一个Id以Item结尾的checkbox 
$(this).attr("checked", flag);//选中或者取消选中 
}); 
}); 
//如果全部选中勾上全选框，全部选中状态时取消了其中一个则取消全选框的选中状态 
$("[id$='cb']").each(function () { 
$(this).click(function () { 
if ($("[id$='cb']:checked").length == $("[id$='cb']").length) { 
$("#chkAll").attr("checked", "checked"); 
} 
else $("#checkall").removeAttr("checked"); 
}); 
}); 
}); 
</script>
